{php include wl_template('common/header');}
<link rel="stylesheet" href="{TG_URL_ARES}shaoniangong/css/index.css"/>
    <link rel="stylesheet" href="{TG_URL_ARES}shaoniangong/css/index_detail.css"/>
    <style type="text/css" media="screen">
    #choose .weui-cell_vcode {
        box-sizing: border-box;
        padding: 5px 10px 0 15px;
    }
    @media only screen and (max-device-width: 320px){
        .weui-label{
            text-align: left;
            width: 60px;
        }
    }
    </style>
</head>
    <div id="footer">{php include wl_template('common/footer');}</div>
    <div class="weui-loadmore">
        <i class="weui-loading"></i>
        <span class="weui-loadmore__tips">玩命加载中</span>
    </div>
    <div class="sliderImage">
        <div class="images" id="sliderImg" style="visibility: visible;">
            <ul>
                <li><img src="" style='width:100%;'></li>
            </ul>
        </div>
        <div class="images_num" id="sliderNum">
            <!--<span class="curr"></span>-->
        </div>
    </div>
    <div class="detail">
        <ul>
            <li>￥<b></b><s></s></li>
            <li><!-- <i class="iconal-zuyue"></i><span></span>分钟 --></li>
            <li><!-- <i class="iconal-qunzuduoren"></i><span></span>人已预约 --></li> 
        </ul>
        <div></div>
    </div>
    <div class="detail">
        <h4>活动年级范围</h4>
        <p style="text-align: right;">
            {loop $gradelist $item}
                <span>{$item['gradename']}</span>   
            {/loop}
        </p>
    </div>
    <!--<div class="stores">-->
        <!--<a class="weui-cell weui-cell_access" href="javascript:;">-->
            <!--&lt;!&ndash;<div class="weui-cell__hd"></div>&ndash;&gt;-->
            <!--<div class="weui-cell__bd weui-cell_primary">-->
                <!--<p>适用门店</p>-->
            <!--</div>-->
            <!--<span class="iconal-xiangshangjiantou"></span>-->
        <!--</a>-->
        <!--<div class="stores_list">-->
            <!--<ul>-->
                <!--&lt;!&ndash;<li>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div><i class="iconal-gongsi"></i>杭州店</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div>地址:西湖区XXXXXXX路</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<div>电话:18888888888</div>&ndash;&gt;-->
                <!--&lt;!&ndash;</li>&ndash;&gt;-->
            <!--</ul>-->
        <!--</div>-->
    <!--</div>-->
    <div class="comment">
        {if $total==0}
            <a href="javascript:;" class="weui-cell weui-cell_access">
        {else}
            <a href="{php echo app_url('goods/judgment_list',array('op' => 'judgment_list','gid' => $_GPC['id']))}" class="weui-cell weui-cell_access">
        {/if}
            <div class="weui-cell__bd">活动评价</div>
            <div class="weui-cell__ft" style="font-size: 0">
                <span style="vertical-align:middle; font-size: 12px;">共{$total}条记录</span>
            </div>
        </a>
        <div class="comment_detail">
            {loop $list $item}
            <div>
                <ul>
                    <li><img src="{$item['avatar']}" /></li> 
                    <li>
                        <span>{$item['openname']}</span>
                        <span>{$item['time']}</span>
                    </li>
                    <!--<li>-->
                        <!--<img src="../../resource/shaoniangong/images/index/cs1.jpg" alt=""/>-->
                        <!--<span>技师名称</span>-->
                    <!--</li>-->
                </ul>
                <div class="comment_detail_content">
                    <?php
					$main_content =  pdo_fetch("select * from ".tablename('tg_judgment_content')." where  judgment_id=:judgment_id and who=0 and isfirst=0 order by update_time asc ",array(':judgment_id'=>$item['id']));
                    ?>
                    <p>{$main_content['content']}</p>
                </div>
            </div>
            {/loop}
        </div>
    </div>
    <div style="background-color: #fff;padding: 15px;margin-bottom: -10px;">项目介绍</div>
    <div class="detail_imgs">

    </div>
    <div class="yuebiao" onclick="yuebiaoClick(this,event)">预约<br/>活动</div>

<style>
    /**选择界面**/

    #choose {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 15;
        display: none;
    }

    #choose>div {
        width: 75%;
        margin: auto;
        margin-top: 48%;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px 0;
        position: relative;
    }

    #choose .iconal-roundclosefill {
        position: absolute;
        top: -27px;
        right: -23px;
        color: #ff5c67;
        opacity: 0.93;
        font-size: 24px;
        padding: 10px;
    }

    #choose .weui-btn {
        line-height: 2;
        padding: 0 30px;
        font-size: 16px;
    }
    /**选择门店**/

    #chooseMendian,
    #chooseJS,
    #chooseTime {
        display: none;
        position: fixed;
        z-index: 20;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: #fff;
    }

    #chooseMendian>ul,
    #chooseJS>ul {
        max-height: 85%;
        overflow-y: auto;
    }

    #chooseMendian li {
        padding: 5px;
        margin-top: 15px;
        border-bottom: 1px solid #ddd;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
    }

    #chooseMendian p.kuan1 {
        flex: 1;
        -webkit-flex: 1;
        /* for uc */
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    #chooseMendian p.kuan2 {
        flex: 2;
        -webkit-flex: 2;
        /* for uc */
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -ms-flex: 2;
    }

    .TJ {
        position: absolute;
        bottom: 30px;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    button.weui-btn,
    input.weui-btn.storeTJ,
    input.weui-btn.timeTJ {
        color: #fff;
        background-color: #ff5c67;
        opacity: 0.93;
        width: 45%;
        line-height: 2.5;
        font-size: 16px;
    }

    .weui-icon-success {
        color: #ccc;
    }

    .weui-icon-success.active {
        color: #ff5c67;
        opacity: 0.93;
    }
    /*时间选择*/

    #chooseTime p {
        margin: 10px 5px;
        border: 1px solid #ff5c67;
        padding: 9px;
        border-radius: 5px;
        color: #ff5c67;
        opacity: 0.93;
        width: 40%;
        float: left;
        text-align: center;
    }
    
    #chooseTime p.active {
        color: #fff;
        background-color: #ff5c67;
        opacity: 0.93;
    }
    #chooseTime p span {
        display: block;
        color: #666;
        font-size: 12px;
    }
    .weui-navbar+.weui-tab__bd {
        margin-top: 2em;
    }
    /*技师列表*/

    #chooseJS {
        /*padding:5px;*/
        background: #f3f3f3;
        overflow-y: auto;
    }

    #chooseJS li {
        margin: 5px 0;
        background: #fff;
        /*border-radius: 10px;*/
        display: flex;
        display: -webkit-flex;
        font-size: 14px;
        align-items: center;
        -webkit-align-items: center;
        height: 100px;
        overflow: hidden;
        padding: 0 5px;
    }

    #chooseJS li>div {
        display: flex;
        display: -webkit-flex;
        flex: 1;
        -webkit-flex: 1;
        /* for uc */
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    #chooseJS li img {
        width: 60px;
        height: 60px;
        border: 3px solid #ddd;
        border-radius: 50%;
        margin: 5px 0;
        display: block;
    }

    .lists_img {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
        margin-right: 20px;
    }

    .lists_detail {
        width: 100%;
    }

    .detail_address {
        align-items: center;
        -webkit-align-items: center;
    }

    .lists_detail>p {
        margin: 5px 0;
        display: flex;
        display: -webkit-flex;
    }

    .lists_detail>p:last-child {
        height: 35px;
        overflow: hidden;
    }

    .lists_detail>p>span:first-child {
        flex: 1;
        -webkit-flex: 1;
        /* for uc */
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    .detail_name b {
        margin-right: 5px;
    }

    .lists_img>div {
        /*display: flex;*/
        /*display: -webkit-flex;*/
        /*justify-content: center;*/
        /*-webkit-justify-content: center;*/
        text-align: center;
        width: 66px;
    }

    .iconal-favorfill {
        color: #ff5c67;
        opacity: 0.93;
        font-size: 12px;
    }

    .detail_name i,
    .detail_address i {
        margin-right: 3px;
        font-size: 14px;
    }
    /*选择按钮*/

    .weui-icon-success {
        color: #aaa;
    }
    .choose-weui-navbar {
      position: relative;
      top: 0;
      z-index: 101;
      /*padding:0 32px;*/
      /*height: 102px;*/
      /*font-size: 28px;*/
      color: #333;
      text-align: center;
      white-space: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
        border-bottom: 1px solid #ddd;
    }
    .choose-weui-navbar .weui-navbar__item {
        display: inline-block;
        margin-left: 10px;
        /*height: 82px;*/
        /*line-height: 82px;*/
        text-align: center;
    }
    .choose-weui-navbar .weui-navbar__item:nth-child {
        margin-right: 10px;
    }
    .weui-tab__bd .weui-tab__bd-item {
        display: block;
    }
</style>
<div id="choose">
    <div>
        <div class="weui-cell__bd">
            <div class="weui-cells weui-cells_checkbox">
                <label class="weui-cell weui-check__label" for="s11"> 
                    <div class="weui-cell__hd">
                        <input type="checkbox" class="weui-check ischecked" name="checkbox1" id="s11"   > 
                        <i class="weui-icon-checked"></i>
                    </div>
                    <div class="weui-cell__bd">
                        <p style="width: 90px;font-size: 14px;text-align: justify;">我已阅读报名须知并同意</p>
                    </div>
                </label>
            </div>
        </div>
        <div onclick="$('.description').fadeIn()" class="weui-cell__ft show-desc">查看详情</div>
        <!--<div class="MDorSM">-->
            <!--&lt;!&ndash;<a id="show-actions-stores" class="weui-cell weui-cell_access" href="javascript:;">&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="weui-cell__bd weui-cell_primary">&ndash;&gt;-->
            <!--&lt;!&ndash;<p>请选择门店</p>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;<span class="weui-cell__ft"></span>&ndash;&gt;-->
            <!--&lt;!&ndash;</a>&ndash;&gt;-->
            <!--&lt;!&ndash;<a id="show-actions-address" class="weui-cell weui-cell_access" href="javascript:;">&ndash;&gt;-->
            <!--&lt;!&ndash;<div class="weui-cell__bd weui-cell_primary">&ndash;&gt;-->
            <!--&lt;!&ndash;<p>请选择地址</p>&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--&lt;!&ndash;<span class="weui-cell__ft"></span>&ndash;&gt;-->
            <!--&lt;!&ndash;</a>&ndash;&gt;-->
        <!--</div>-->
        <a onclick="timeCH(this)" id="show-actions-times" class="weui-cell weui-cell_access" href="javascript:;">
            <div class="weui-cell__bd weui-cell_primary">
                <p>请选择时间</p>
            </div>
            <span class="weui-cell__ft"></span>
        </a>

        <!--<a onclick="ajaxPersonnel(this)" id="show-actions-fuwuJS" class="weui-cell weui-cell_access" href="javascript:;">-->
        <!--<div class="weui-cell__bd weui-cell_primary">-->
        <!--<p>请选择服务技师</p>-->
        <!--</div>-->
        <!--<span class="weui-cell__ft"></span>-->
        <!--</a>-->
        <i class="iconal-roundclosefill"></i>
        <div class="weui-cell weui-cell_vcode">
            <!-- <div class="weui-cell__hd">
                <label class="weui-label">金额</label>
            </div>
            <div class="weui-cell__bd" style="line-height: 36px;">
                <input class="weui-input" type="number" placeholder="" value="" readonly="readonly">
            </div> -->
            <div class="weui-cell__ft" style="width: 100%">
                <a onclick="addCart(this,'order')" href="javascript:;" class="weui-btn weui-btn_primary">立即预约</a>
            </div>
        </div>
        <!--<a onclick="addCart(this)" href="javascript:;" class="weui-btn weui-btn_primary">加入购物车</a>-->
        <!--<a onclick="addCart(this,'order')" href="javascript:;" class="weui-btn weui-btn_primary">立即结算</a>-->
    </div>
</div>
<div id="chooseMendian">
    <ul>
        <!--<li>-->
        <!--<i class="weui-icon-success" onclick="chooseI(this)"></i>-->
        <!--<p class="kuan1">温州店</p>-->
        <!--<p class="kuan2">温州店温州店温州店温州店温州店温州店温州店</p>-->
        <!--</li>-->
    </ul>
    <div class="TJ">
        <button class="weui-btn weui-btn_mini closeTJ">取消</button>
        <button class="weui-btn weui-btn_mini storeTJ">确认</button>
    </div>
</div>
<div id="chooseTime" data-day="" data-time="">
    <!-- 容器 -->
    <div class="weui-tab"> 
        <div class="choose-weui-navbar">
            <!-- <a class="weui-navbar__item weui-bar__item--on" href="#tab14"></a> 
            <a class="weui-navbar__item" href="#tab15"></a>
            <a class="weui-navbar__item" href="#tab16"></a>
            <a class="weui-navbar__item" href="#tab17"></a>
            <a class="weui-navbar__item" href="#tab18"></a>
            <a class="weui-navbar__item" href="#tab19"></a>
            <a class="weui-navbar__item" href="#tab110"></a>
 -->        </div>
        <div class="weui-tab__bd">
            <div id="tab" class="weui-tab__bd-item weui-tab__bd-item--active">
                <!--<p>12:00-14:00</p>-->
            </div>
            <!-- <div id="tab[1]" class="weui-tab__bd-item">
            </div>
            <div id="tab[2]" class="weui-tab__bd-item">
            </div>
            <div id="tab3" class="weui-tab__bd-item">
            </div>
            <div id="tab4" class="weui-tab__bd-item">
            </div>
            <div id="tab5" class="weui-tab__bd-item">
            </div>
            <div id="tab6" class="weui-tab__bd-item">
            </div> -->
        </div>
    </div>
    <div class="TJ">
        <button class="weui-btn weui-btn_mini closeTJ">取消</button>
        <button class="weui-btn weui-btn_mini timeTJ">确认</button>
    </div>
</div>
<div id="chooseJS">
    <ul>
        <!--<li>-->
        <!--<i class="weui-icon-success" data-id="" data-name=""></i>-->
        <!--<div>-->
        <!--<div class="lists_img">-->
        <!--<img src="https://dimg.365vmei.cn/uploads/avatar/56a642484c6cc.jpg" alt=""/>-->
        <!--<div><i class="iconal-favorfill"></i></div>-->
        <!--</div>-->
        <!--<div class="lists_detail">-->
        <!--<p class="detail_name">-->
        <!--<span><b>姓名</b><span>女</span></span>-->
        <!--<span><i class="iconal-location"></i><span>1000,00</span>公里</span>-->
        <!--</p>-->
        <!--<p class="detail_address">-->
        <!--<span><i class="iconal-wodedingdan"></i><span>200</span>单</span>-->
        <!--<span>位置: <span>XXX</span></span>-->
        <!--</p>-->
        <!--<p class="detail_details">简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--</li>-->
    </ul>
    <div class="TJ">
        <button class="weui-btn weui-btn_mini closeTJ">取消</button>
        <button class="weui-btn weui-btn_mini storeTJ">确认</button>
    </div>
</div>
    {php include wl_template('common/address');}
    <div class="loadready"></div>
    <div class="dialog-mask"></div>
    <div class="dialog-service"><img src="{php echo tomedia($config['tginfo']['kefu_image'])}" alt=""/><span>长按识别二维码</span></div>
    <div class="description">
        <i class="iconal-roundclosefill" onclick="$('.description').slideUp();"></i>         
        <div class="title">
            报名须知协议
        </div>
        <div class="text">
            协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容协议内容
        </div>
    </div> 
</body>
<script src="{TG_URL_ARES}shaoniangong/js/common.js"></script>
<script src="{TG_URL_ARES}shaoniangong/js/index_detail.js"></script>
</html>